<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">お诞生日おめでとございます</p>
              <p class="ly-stxt01">愿你继续变成更厉害的大人</p>
              <p class="ly-stxt01">愿你心里的小孩一直快乐</p>
              <p class="ly-stxt01">愿你永远万事胜意</p>
              <p class="ly-stxt01">一切都比你想要的再好一点点</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt01">平安喜乐，得偿所愿</p>
              <p class="ly-stxt01">如果从聊天记录里断章取义</p>
              <p class="ly-stxt01">那么我的一句生日快乐</p>
              <p class="ly-stxt01">也请你断章取义</p>
              <p class="ly-stxt01">快乐就好</p>
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">

            <div class="ly-txt12">年年景不改  岁岁人常在</div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/4.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
            <div class="ly-txt13">2017-7-12</div>
            <div class="ly-txt14">
              <p>亲爱的姑娘</p>
              <p>你听我说</p>
              <p>二十年前的冬天</p>
              <p>有人在冬日的日子里满心欢喜地期待着你</p>
              <p>期待于盛夏结果</p>
              <p>生日的意义不是提醒你又长大一岁</p>
              <p>而是想温柔地告诉你</p>
              <p>一定要好好的</p>
              <p>毕竟有人曾经那么耐心地等待过你</p>
              
            </div>
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt21">2018-11-07</div>
            <div class="ly-txt22">
              <p>高中的时候总喜欢修改作文</p>
              <p>用笔轻画自言自语</p>
              <p>"你看"</p>
              <p>"我"和"你"之间</p>
              <p>是否少了一个恰当的动词？</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/7.png" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">2021-9-7</div>
            <div class="ly-txt24">
              <p>有时候下意识还是想要分享生活</p>
              <p>也奇怪像我这种不喜主动的人也会去主动</p>
              <p>可能这就是最深处的热情和分享欲吧</p>
              <p>其实一直有种冲动</p>
              <p>以后还能从老包那得到两套高级校服</p>
              <p>穿着它牵手，散步，拥抱</p>
              <p>把这世间再去走它一遍</p>
            </div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/7.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">

            <div class="ly-txt26">

            </div>
            <div class="ly-imgbox110">
              <img class="ly-img110" src="img/2.jpg" />
              
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt31">2017-7-12</div>
            <div class="ly-txt32">
 
            </div>
              <div class="ly-imgbox22">
              <img class="ly-img22" src="img/9.jpg" />
            </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
            <div class="ly-txt33">2021-9-21</div>
            <div class="ly-txt34">
              <p> 何其有幸，我们看同一轮月亮</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/8.jpg" />
            </div>
          </div>
          <div class="ly-triangle32"></div>
        </div>

        <!--第五屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
            <div class="ly-txt21">2021-10-16</div>
            <div class="ly-txt22">
              <p>一生懸命頑張ってください</p>
              <p>日语演讲决赛上耀眼的你</p>
              <p>为了考研努力到极致的你</p>
              <p>平淡的日子里总会有人记得</p>
              <p>在宜宾要多保重身体</p>
              <p>然后好好的就足够啦</p>
           </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/7.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>
   
          <div class="ly-box22">
            <div class="ly-txt23">2021-9-21</div>
            <div class="ly-txt51">
              <p>私はきっともっと良い姿勢で現れます</p>
              <p>补上之前的中秋快乐吧</p>
              <p>每次思绪过多就去读书和训练</p>
              <p>如果说一个人的灵魂多少有些价值</p>
              <p>那是因为它曾比其他灵魂更加炽热地燃烧</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/6.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box51">
       
            <div class="ly-txt26">
            
            
            </div>

               <div class="ly-imgbox35">
              <img class="ly-img35" src="img/3.jpg" />
    
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>





        <!--第十屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt11">2021-10-27</div>
            <div class="ly-txt82" style="top: 8%">
              <p class="wwww1">我觉得值得铭记的</p>
              <p class="wwww1">不仅只有热烈</p>
              <p class="wwww1">还有彼此之间存在的</p>
              <p class="wwww1">那些温柔的细枝末节</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/7.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt13">农历九月廿二</div>
            <div class="ly-txt84">
              <p>你也许不知道</p>
              <p>每天都会梦见你</p>
              <p>每次惊醒都下意识拿起笔</p>
              <p>想记一下关于你的</p>
              <p>或者说关于你和我的故事</p>
              <p>提笔之后才发现文字是如此的苍白</p>
              <p>干脆写个生日祝福好了</p>
              <p>虽然最后信上只是简单的写下你的名字</p>
              <p>但我确实是认认真真地想了你一个多小时</p>
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>
      </div>
      <!--动态方块-->
      <ul class="bg-bubbles">
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
      </ul>
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
